<%@ Page EnableEventValidation="false" Language="C#" MasterPageFile="app-frame.master" AutoEventWireup="true" CodeFile="FormatMasks.aspx.cs" Inherits="app_frame_help" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" Runat="Server"> 
<form name="tstest">
<table width="100%" border="0" cellpadding="3" cellspacing="0"><tr><td><asp:Label ID="lbl_message" runat="server" CssClass="defaultFont" Font-Size="X-Small"
                    ForeColor="Black"></asp:Label></td></tr></table>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" runat="server" id="tblmain">    
    <tr>
    <td>
    <table width="100%" border="0" cellpadding="3" cellspacing="0">
        <tr>
            <td colspan="2">
                </td>
        </tr>
    <tr>
    <td colspan="2" class="Dynamic_PageHeaderRow">
       <span></span><span style="font-size: 10pt;" class="defaultFont">
           <asp:Literal ID="imgliteral" runat="server"></asp:Literal>&nbsp;Format Masks</span><br />       
       <%-- <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
&nbsp;
</ContentTemplate>
            <Triggers>
<asp:AsyncPostBackTrigger ControlID="btnSave" EventName="ServerClick"></asp:AsyncPostBackTrigger>
<asp:AsyncPostBackTrigger ControlID="btnUpdate" EventName="ServerClick"></asp:AsyncPostBackTrigger>
</Triggers>
        </asp:UpdatePanel>--%>
        <asp:HiddenField ID="hfRequestURL" runat="server" />
    </td>
    </tr>
    <tr>
    <td style="height: 21px; width: 208px;" valign="top"> 
        <span class="controlLabelFont">&nbsp;Name</span></td>
    <td style="height: 21px; text-align: left;"> 
        <span style="font-size: 10pt;" class="defaultFont"><asp:TextBox ID="p_format_masks_name" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="p_format_masks_name"
                Display="None" ErrorMessage="This is a required field."></asp:RequiredFieldValidator>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="p_format_masks_mask_string"
                Display="None" ErrorMessage="This is a required field."></asp:RequiredFieldValidator>
            <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" runat="server" TargetControlID="RequiredFieldValidator1"
                WarningIconImageUrl="Images/warning_small.gif">
            </cc1:ValidatorCalloutExtender>
            <cc1:ValidatorCalloutExtender ID="ValidatorCalloutExtender2" runat="server" TargetControlID="RequiredFieldValidator2"
                WarningIconImageUrl="Images/warning_small.gif">
            </cc1:ValidatorCalloutExtender>
            <asp:HiddenField ID="p_format_masks_af_row_id" runat="server" />
        </span></td>
    </tr>
    <tr>
    <td style="width: 208px" valign="top"> 
        <span class="controlLabelFont">&nbsp;Mask Type</span>&nbsp;</td>
    <td style="text-align: left">
        <span style="font-size: 10pt;" class="defaultFont"><asp:DropDownList ID="p_format_masks_type" runat="server" Width="200px" CssClass="controlFont">
            <asp:ListItem Value="None"></asp:ListItem>
            <asp:ListItem>Number</asp:ListItem>
            <asp:ListItem>Date</asp:ListItem>
            <asp:ListItem>Time</asp:ListItem>
            <asp:ListItem>DateTime</asp:ListItem>
        </asp:DropDownList>
        </span>
        <img alt="Help" title="click to know more about Mask Type" style="cursor:hand;" src="icons/help_on.gif" onclick="document.getElementById('div_mask_type').style.display = 'block';DDForDivInvisible();" />
        <asp:Label ID="lbl_space_1" runat="server" Text=""></asp:Label>
        <div id="div_mask_type" class="defaultFont" style="width:310px; height: 200px; display:none; z-index:1; position:absolute; background-color:White; min-width:200px; padding: 0px 0px 0px 0px; border:solid 1px #000000; overflow:scroll;" >
            <table border='0' cellpadding='3' cellspacing='0'>
                <tr>
                    <td align='right' colspan='4'>
                    <a href='#' onClick="javascript:DDForDivVisible();document.getElementById('div_mask_type').style.display='none';return false;"><img border='0' src='Images/xClose.gif' title='Close this window'></img></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td class="Dynamic_PageHeaderRow">
                        <span style="font-size: 10pt; color: #000000;" class="defaultFont">&nbsp;MaskType&nbsp;&nbsp;&nbsp;</span></td> 
                    <td class="Dynamic_PageHeaderRow">
                        <span style="font-size: 10pt; color: #000000;" class="defaultFont">Type of validation to perform&nbsp;</span></td>
                    <td width="2px" >&nbsp;</td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">None</span></td> 
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">No validation</span></td>
                    <td width="2px" >&nbsp;</td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">Number</span></td> 
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">Number validation</span></td>
                    <td width="2px" >&nbsp;</td>
                </tr>
                <tr>
                    <td width="2px">&nbsp;</td>
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">Date</span></td> 
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">Date validation</span></td>
                    <td width="2px">&nbsp;</td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td>
                        <span style="font-size: 10pt">Time</span></td> 
                    <td>
                        <span style="font-size: 10pt;" class="defaultFont">Time validation</span></td>    
                    <td width="2px" >&nbsp;</td>
                </tr>         
                <tr>
                    <td width="2px">&nbsp;</td>             
                    <td>
                        <span style="font-size: 10pt">DateTime</span></td> 
                    <td>
                        <span style="font-size: 10pt">Date and time validation</span>
                    </td>
                    <td width="2px">&nbsp;</td>
                </tr>
           </table>
        </div>
        </td>
    </tr>
        <tr>        
            <td valign="top" style="width: 208px">
                <span class="controlLabelFont">&nbsp;Mask String</span>&nbsp;</td>
            <td><span style="font-size: 10pt;" class="defaultFont"><asp:TextBox ID="p_format_masks_mask_string" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></span>
                    <img alt="Help" title="click to know more about Mask String" style="cursor:hand;" src="icons/help_on.gif" onclick="document.getElementById('div_mask_string').style.display = 'block';DDForDivInvisible();" />
                    <asp:Label ID="lbl_space_2" runat="server" Text=""></asp:Label>
        <div id="div_mask_string" class="defaultFont" style="width:350px; height: 400px; display:none; z-index:1; position:absolute; background-color:White; min-width:200px; padding: 0px 0px 0px 0px; border:solid 1px #000000; overflow:scroll;" >
            <table border='0' cellpadding='3' cellspacing='0'>
                <tr>
                    <td align='right' colspan='4'>
                    <a href='#' onClick="javascript:DDForDivVisible();document.getElementById('div_mask_string').style.display='none';return false;"><img border='0' src='Images/xClose.gif' title='Close this window'></img></a>&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td class="Dynamic_PageHeaderRow" colspan="2">
                        <span style="font-size: 10pt; color: #000000;" class="defaultFont">&nbsp;Mask Characters and Delimiters&nbsp;&nbsp;&nbsp;</span></td> 
                    <td width="2px" >&nbsp;</td>
                </tr>
                <tr>
                    <td width="2px" >&nbsp;</td>
                    <td colspan="2">
                        <span class="controlFont">
                        9 - Only a numeric character<br />
                        L - Only a letter<br />
                        $ - Only a letter or a space<br />
                        C - Only a custom character (case sensitive)<br />
                        A - Only a letter or a custom character<br />
                        N - Only a numeric or custom character<br />
                        ? - Any character<br /><br />
                        / - Date separator<br />
                        : - Time separator<br />
                        . - Decimal separator<br />
                        , - Thousand separator<br />
                        \ - Escape character<br />
                        { - Initial delimiter for repetition of masks<br />
                        } - Final delimiter for repetition of masks<br /><br />
                        Examples:<br />
                        9999999 - Seven numeric characters<br />
                        99\/99 - Four numeric characters separated in the middle by a "/" <br />
                    </span></td>                     
                    <td width="2px" >&nbsp;</td>
                </tr>               
           </table>
        </div>
            </td>      
     </tr>
     <tr>
        <td style="width: 208px; height: 30px;" valign="top"> 
            <span class="controlLabelFont">&nbsp;Tooltip Message</span></td>        
        <td style="height: 30px">
            <asp:TextBox ID="p_format_masks_tooltip_message" runat="server" Width="200px" ToolTip=" Message displayed when the TextBox has focus with an empty value " CssClass="controlFont"></asp:TextBox></td>
    </tr>       
        <tr>
            <td style="width: 208px; height: 30px" valign="top">
            <span class="controlLabelFont">&nbsp;Owner</span>
            </td>
            <td style="height: 30px">
                <asp:TextBox ID="txt_p_format_masks_owner_id" runat="server" CssClass="controlFont"></asp:TextBox>
                <asp:HiddenField ID="p_format_masks_owner_id" runat="server" />
                <img id="imgOwnerSearch" runat="server" alt="Click here for Lookup Window" src="Images/search.gif" class="SearchPopup" onclick="javascript:openlookupwindow('p_format_masks_owner_id','txt_p_format_masks_owner_id','f496930dfe0b690f','','');" />
                </td>
        </tr>
        <tr class="Dynamic_PageHeaderRow">
            <td style="width: 194px" valign="top" colspan="2">&nbsp;<img id="img_advanced" style="cursor:hand" alt="Click to toggle advanced options" src="Images/expand3.gif" onclick="javascript:showHideDIV();" />
                <span style="font-size: 10pt;" class="defaultFont">Advanced Options</span></td>                
        </tr>
        </table>         
        <div id="div_advanced" style="display:none;border:solid 0px #000000">
         <table width="100%" border="0" bordercolor="black" cellpadding="3" cellspacing="0">
        <tr>
            <td style="width: 209px">
                <span class="controlLabelFont">&nbsp;Message Validator Tip</span></td>
            <td style="text-align: left;">
            <asp:DropDownList ID="p_format_masks_message_validator_tip" runat="server" Width="200px" ToolTip="Decides to show the Message when editing in TextBox " CssClass="controlFont">
                <asp:ListItem>True</asp:ListItem>
                <asp:ListItem>False</asp:ListItem>
                </asp:DropDownList></td><td>
                <span class="controlFont">Decides whether message is to be displayed <br />when control is being edited.</span></td>
        </tr>
    <tr>
        <td style="width: 209px"> 
            <span class="controlLabelFont">&nbsp;Is Empty Value Allowed</span></td>        
        <td><asp:DropDownList ID="p_format_masks_is_valid_empty" runat="server" Width="200px" ToolTip="Decides to show the Message when editing in TextBox " CssClass="controlFont">
            <asp:ListItem>True</asp:ListItem>
            <asp:ListItem>False</asp:ListItem>
        </asp:DropDownList></td><td>
                <span class="controlFont">True if the control can be empty.</span></td>
    </tr>    
        <tr>
        <td style="width: 209px">
            <span class="controlLabelFont">&nbsp;Empty value message</span></td>
        <td>
            <asp:TextBox ID="p_format_masks_empty_value_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td>
        <td>
                <span class="controlFont">Message displayed when empty <br />and the control has focus.</span>
        </td>
    </tr>
    <tr>
        <td style="width: 209px">
            <span class="controlLabelFont">&nbsp;Empty value blurred message</span></td>
        <td>
            <asp:TextBox ID="p_format_masks_empty_value_blurred_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td>
        <td>
                <span class="controlFont">Message displayed when empty <br />and the control does not have focus.</span>
        </td>
    </tr>
        <tr>
            <td style="width: 209px">
                &nbsp;<span class="controlLabelFont">Maximum Value Allowed</span>&nbsp;</td>
            <td style="text-align: left;">
                <asp:TextBox ID="p_format_masks_maximum_value" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox>
                </td><td>
                <span class="controlFont">Maximum value of the input.</span></td>
        </tr>
        <tr>
            <td style="width: 209px">
                <span class="controlLabelFont">&nbsp;Maximum Value Message</span>&nbsp;</td>
            <td style="text-align: left;">
                <asp:TextBox ID="p_format_masks_maximum_value_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox>                
                </td><td>
                <span class="controlFont">Message displayed when maximum value exceeded <br />
                and the control has focus.</span></td>
        </tr>
        <tr>
        <td style="width: 209px"> 
            <span class="controlLabelFont">&nbsp;Maximum Value Blurred Message</span></td>        
        <td>
            <asp:TextBox ID="p_format_masks_maximum_value_blurred_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox>
            </td><td>
                <span class="controlFont">Message displayed when maximum value exceeded <br /> and the control does not have focus.</span></td>
    </tr>   <tr>
        <td style="width: 209px"> 
            <span class="controlLabelFont">&nbsp;Minimum Value</span></td>        
        <td>
            <asp:TextBox ID="p_format_masks_minimum_value" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td><td>
                <span class="controlFont">Minimum value of the input.</span></td>
    </tr>   <tr>
        <td style="width: 209px"> 
            <span class="controlLabelFont">&nbsp;Minimum Value Message</span></td>        
        <td>
            <asp:TextBox ID="p_format_masks_minimum_value_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox>
            </td><td>
                <span class="controlFont">Message displayed when minimum value exceeded <br />and the control has focus.</span></td>
    </tr>   <tr>
        <td style="width: 209px">
            <span class="controlLabelFont">&nbsp;Minimum value blurred message</span></td>
        <td>
            <asp:TextBox ID="p_format_masks_minimum_value_blurred_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td>
        <td>
                <span class="controlFont">Message displayed when minimum value exceeded <br />and the control does not have focus.</span>
        </td>
    </tr>
    <tr>
        <td style="width: 209px">
            <span class="controlLabelFont">&nbsp;Invalid value message</span></td>
        <td>
            <asp:TextBox ID="p_format_masks_invalid_value_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td>
        <td>
                <span class="controlFont">Message displayed when invalid <br />and the control has focus.</span>
        </td>
    </tr>
    <tr>
        <td style="width: 209px">
            <span class="controlLabelFont">&nbsp;Invalid value blurred message</span></td>
        <td>
            <asp:TextBox ID="p_format_masks_invalid_value_blurred_message" runat="server" Width="200px" CssClass="controlFont"></asp:TextBox></td>
        <td>
                <span class="controlFont">Message displayed when invalid <br />and the control does not have focus.</span>
        </td>
    </tr>
    <tr>
        <td style="width: 209px; height: 28px;"> 
            <span class="controlLabelFont">&nbsp;Preserve values with Mask</span></td>        
        <td style="height: 28px"><asp:DropDownList ID="p_format_masks_clear_mask_blur" runat="server" Width="200px" ToolTip="Decides to show the Message when editing in TextBox " CssClass="controlFont">
            <asp:ListItem Value="True">False</asp:ListItem>
            <asp:ListItem Value="False">True</asp:ListItem>
        </asp:DropDownList></td><td style="height: 28px">
                <span class="controlFont">True to keep the values with the mask on.</span></td>
    </tr>    
    </table>
    </div>
    <table width="100%" border="0" bordercolor="black" cellpadding="3" cellspacing="0">
    <tr style="height: 5px;" />
    <tr class="Dynamic_HtmlTableBottom">
    <td style="height: 26px; width: 208px;"> 
        <span style="font-size: 10pt;" class="defaultFont">
            </span></td>
    <td style="height: 26px; text-align: left;"><input type="submit" value="Save" id="btnSave" runat="server" onserverclick="btnSave_ServerClick" onclick ="javascript:disableThis('ctl00_ContentPlaceHolder3_btnSave','Saving...');" /><input type="submit" value="Update" id="btnUpdate" runat="server" onserverclick="btnUpdate_ServerClick" onclick = "javascript:disableThis('ctl00_ContentPlaceHolder3_btnUpdate','Saving...');" /><input type ="button" value="Reset" id="btnReset" runat="server" onserverclick="btnreset_ServerClick"/></td>
    </tr>    
    <tr>
    <td style="height: 26px; width: 208px;">
        &nbsp;</td>
    <td style="height: 26px;">&nbsp;<asp:HiddenField ID="p_format_masks_validation_expression" runat="server" /><asp:HiddenField ID="p_format_masks_prompt_character" runat="server" Value="_" /></td>
    </tr> 
    </table>   
    </td></tr><tr>        
    <td align="left">
        &nbsp;&nbsp;
    </td>
    </tr>     
  </table>
  </form>


  <script language="JavaScript" type="text/javascript" src="scripts/FormatMasks_bottom.js"></script><%--Added by Jayashree on 12-Sep-2014,for js file--%>
  
</asp:Content>
  
